<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>配套视频讲解地址:https://www.bilibili.com/video/av75489979/</title>
		<link rel="stylesheet" type="text/css" href="css/fly.css"/>
	</head>
	<body>
		<h1>欢迎来到CSS3的动画世界</h1>
		<ul class="square">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul> 
		<ul class="circle">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul> 
<!-- 		
		主要知识点：
		1.CSS3定义动画关键帧@keyframes的用法
		2.tranform属性中rotate、scale、translateY函数的作用。
		3.H1标签水平与垂直方向居中
		4.渐变背景的使用技巧
		5.动画延迟属性animation-delay的用法
		配套视频讲解地址:https://www.bilibili.com/video/av75489979/
-->
	</body>
</html>
